<template>
  <div class="input-group">
    <input type="text" v-model="value">
    <button @click="handle">添加</button>
  </div>
  <!-- 左边的list是传给子组件的，右边的list是数组 -->
</template>

<script>
import { ref} from 'vue';

export default{
 
  setup(props,ctx){
   const value=ref('')
   const handle=()=>{
    ctx.emit('add',value.value)     //子给父传值
   }
    return {value,handle}
  }
}
</script>
<style >
#app {
  width: 300px;
}

.input-group {
  width: 100%;
  display: flex;
}
</style>
